<template>
    <el-card class="box-card">
        <div v-for="{name,work,index} in items" :key="index" class="text item">
        {{ name }}：{{ work }}
        </div>
    </el-card>
</template>

<script>
export default {
    data() {
        return{
            items:[
                {name:'余俊希',work:'原型设计'},
                {name:'莫国庆',work:'UI设计'},
                {name:'罗建琼',work:'代码设计'},
            ]
        }
    }
}
</script>
<style>
    .text {
      font-size: 32px;
      text-align: left;
    }
  
    .item {
      padding: 18px 0;
    }
  
    .box-card {
      width: 480px;
    }
</style>